# This test compiles only with `-d:enableUi` flag!
import
  ../src/happyx


# proc hello_world() =
#   echo "Hello, world!"

# echo document.getElementById("app").id;
# echo elem(app).id


# var myComp =
#   use:
#     component Button:
#       "This is button in component"


# myComp.action.set(hello_world)


appRoutes("app"):
  "/":
    "Built-in UI is deprecated"
#     tDiv(style = "padding: 1rem"):
#       component Button(action=hello_world):
#         "Click me!"
#       tBr
#       component Button:
#         "Click me!"
#       tBr
#       component Button(flat = true):
#         "Click me!"
      
#       tBr
#       component myComp
      
#       tBr
#       component Input(placeholder = "Edit text ...", label = "Edit text ...")
      
#       tBr
#       component ProgressBar(value = 50, showPercent = true)
#       tBr
#       component ProgressBar(value = 50, showPercent = true, progressType = ppVertical)
#       tBr
#       component ProgressBar(value = 50, showPercent = true, progressType = ppCircle, size = (100, 100))

#       tBr
#       component Card(hAlign = Alignment.aCenter):
#         tH1:
#           "Hello, world!"
#         component Button:
#           "Click me!"
